
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]>
<!--><html class="no-js" lang="en"><!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>High End Speakers & Stereo Equipment | Subwoofers, Home Theater Systems</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/skeleton.css">
	<link rel="stylesheet" href="css/jquery.fancybox.css">
	<link rel="stylesheet" href="css/layout.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if lte IE 8]>
        <script src="js/html5.js"></script>
    <![endif]-->		
		
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.png">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
</head>
<body>


	<nav id="navigation">
		<a href="#home" class="scroll" ><img class="logo" alt='logo' src='img/nht.png'></a>
		<ul id="menu">
			<li>
				<span class="menu">MENU</span>
				<a href="index.html#home">Home</a>
				<a href="index.html#about">ABOUT</a>
				<a href="index.html#story">STORY</a>
				<a href="index.html#gallery">PRODUCT</a>
				<a href="shop.html">SHOP</a>
				<a href="index.html#users">USERS</a>
				<a href="index.html#contact">CONTACT</a>
				<span class="close" class="scroll">CLOSE</span>
			</li>
		</ul>
	</nav>

	<div class="product">
		<div class="container">
		<div class="nine columns">
			<dl>
				<dt><img src="img/details/1.jpg" alt=""></dt>
				<dd>
					<div class="three columns alpha"><img src="img/details/1.jpg" alt=""></div>
					<div class="three columns"><img src="img/details/2.jpg" alt=""></div>
					<div class="three columns omega"><img src="img/details/3.jpg" alt=""></div>
				</dd>
			</dl>
		</div>
		<div class="seven columns">

			<h6><i class="icon-certificate"></i>Intuitive new design</h6>
			<p>Redesigned and re-engineered</p>
			<p>the user interface from inside out</p>

			<h6><i class="icon-group"></i>Customization options</h6>
			<p>Modify your site's content or</p>
			<p>appearance at anytime</p>

			<h6><i class="icon-heart"></i>Inentory management</h6>
			<p>Track and manage inventory</p>
			<p>with early warning notifications</p>

			<h6><i class="icon-headphones"></i>Easy accounting</h6>
			<p>Manage your accounting and</p>
			<p>book keeping,quickly and easily</p>
			<h5>$594.00</h5>
			<span>BUY</span>
		</div>
		</div>
		<div class="container">
			<div class="sixteen infotitle">
				<ul>
					<li class="on">DESCRIPTION</li>
					<li>SPECIFICATION</li>
					<li>REVIEWS</li>
				</ul>
			</div>
			<div class="sixteen infocontent">
				<div class="box description on">
					Intel Core 2 Duo processor

Powered by an Intel Core 2 Duo processor at speeds up to 2.16GHz, the new MacBook is the fastest ever.

1GB memory, larger hard drives

The new MacBook now comes with 1GB of memory standard and larger hard drives for the entire line perfect for running more of your favorite applications and storing growing media collections.

Sleek, 1.08-inch-thin design

MacBook makes it easy to hit the road thanks to its tough polycarbonate case, built-in wireless technologies, and innovative MagSafe Power Adapter that releases automatically if someone accidentally trips on the cord.

Built-in iSight camera

Right out of the box, you can have a video chat with friends or family,2 record a video at your desk, or take fun pictures with Photo Booth
				</div>
				<div class="box">123124151</div>
				<div class="box">sgfqwqeg</div>
			</div>
		</div>
	</div>


	<div id="sale1">
		<div class="container">
			<div class="sixteen columns">
				<h5><strong>You will love your music a little bit more.</strong></h5>
			</div>
		</div>
	</div>	

	

	<div id="copyright">
		<div class="container">
			<div class="sixteen columns">
				<div class="center">
					<ul class="list-social-contact">
						<li class="icon-soc-contact"><img src="img/soc/1.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/2.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/3.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/4.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/5.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/6.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/7.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/8.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/9.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/10.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/11.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/12.png" alt="" /></li>
					</ul>	
				</div>
			</div>
			<div class="sixteen columns">
				<div class="border-footer"></div>
			</div>
			<div class="sixteen columns">
				<p>&copy; copyright NHT</p>
			</div>	
		</div>	
	</div>	
	
	<!-- JAVASCRIPT
  ================================================== -->
  
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lettering.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>	
<script type="text/javascript" src="js/easing-min.js"></script>
<script type="text/javascript" src="js/template.js"></script>	
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-media.js?v=1.0.5"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/jquery.stapel.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/jquery.maximage.js"></script>
<!-- End Document
================================================== -->
</body>
</html>

<script>
	$(function(){
		$(".product dl dd img").each(function(i,obj){
			$(obj).click(function(){
				$(".product dl dt img").attr("src",$(obj).attr("src"));
			});
		});
	});	
</script>